<template>
	<view style="padding: 30rpx;">
		<button @click="onSetTimeOut()" type="primary">单次定时器SetTimeOut</button>
		<button @click="onSetTimeOut('lh',666)">启动带参定时器</button>
		<button @click="onClearTimeOut()" type="warn">取消单次定时器</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name: 'lh',
				timer1: null
			}
		},
		methods: {
			onSetTimeOut() {
				console.log("onSetTimeOut()");
				// setTimeout
				this.timer1 = setTimeout(() => {
					console.log("onSetTimeOut() callback");

					console.log("onSetTimeOut() callback end");
				}, 3000);
			},
			onSetTimeOut(uesrname, pwd) {
				console.log("onSetTimeOut()", username, pwd);
				setTimeout((x, y) => {
					console.log("----------callback", x, y);
				}, 2000, username, pwd);
			},
			onClearTimeOut() {
				console.error("onClearTimeOut() 取消计时器");
				clearTimeout(this.timer1);
			}
		}
	}
</script>

<style>
button{
    margin: 20rpx;
}
</style>